<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小区竞争力</title>

    <!-- MZUI CSS file -->
    <link href="/static/mzui/css/mzui.css" rel="stylesheet">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "ca-pub-5209054759103585",
            enable_page_level_ads: true
        });
    </script>

</head>
<body style="background-image: url('/static/default/wx/img/bg.jpg')">
<nav class="nav primary justified">
    <a class="active">小区名称</a>
</nav>
<div style="margin-top:10px;text-align:center;">
    <div class="btn primary circle">小区信息</div>
    <div class="btn dark circle">排行列表</div>
</div>
<input type="hidden" id="showId" value="${(showId)!}"/>
<div class="row">
    <div class="cell-1"></div>
    <div class="cell-10">
        <div class="control has-success">
            <label for="packageType" style="color:#ffffff">所在地</label>
            <div class="select">
                <select class="clsAddress" name="packageType" data-value="2" id="o_province">
                <#list cityList as city>
                    <#if province==city.id>
                        <option value="${(city.id)!}" selected>${(city.name)!}</option>
                    <#else>
                        <option value="${(city.id)!}">${(city.name)!}</option>
                    </#if>
                </#list>
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="cell-1"></div>
    <div class="cell-10">
        <div class="control has-warning">
            <div class="select">
                <select class="clsAddress" name="packageType" data-value="1" id="o_city">
                <#list twoList as city>
                    <#if city==city.id>
                        <option value="${(city.id)!}" selected>${(city.name)!}</option>
                    <#else>
                        <option value="${(city.id)!}">${(city.name)!}</option>
                    </#if>
                </#list>
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="cell-1"></div>
    <div class="cell-10">
        <div class="control has-error">
            <div class="select">
                <select name="packageType" id="o_location">
                    <#list threeList as city>
                        <option value="${(city.id)!}">${(city.name)!}</option>
                    </#list>
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="cell-1"></div>
    <div class="cell-10">
        <div class="control has-success">
            <label for="address" style="color:#ffffff">小区名称</label>
            <input id="o_address" name="address" type="text" class="input" placeholder="(小区名称)">
        </div>
    </div>
    <div class="cell-1"></div>
</div>

<#--<div class="row">-->
    <#--<div class="cell-1"></div>-->
    <#--<div class="cell-10">-->
        <#--<div class="control has-success">-->
            <#--<label for="address" style="color:#ffffff">楼层</label>-->
            <#--<input id="o_floor" name="floor" type="number" class="input" placeholder="(楼层)">-->
        <#--</div>-->
    <#--</div>-->
    <#--<div class="cell-1"></div>-->
<#--</div>-->

<div class="row tiles">
    <div class="cell-1"></div>
    <div class="cell-10">
        <div class="cell"><div id="fc_click" class="btn primary circle fluid">下一步</div></div>
    </div>
    <div class="cell-1"></div>
</div>

<#--<h1>Hello, world!</h1>-->

<!-- MZUI JS file -->

<script src="/static/default/wx/js/jquery.min.js"></script>
<script src="/static/mzui/js/mzui.js"></script>
<script src="/static/default/wx/js/profile.js?t=1"></script>
<script>
    $(function () {
        $("#fc_click").on("click",function(index,item){
            var showId = $("#showId").val();
            var o_province = $("#o_province").val();
            var o_city = $("#o_city").val();
            var o_location = $("#o_location").val();
            var o_address = $("#o_address").val();
            var o_floor = $("#o_floor").val();

            $.ajax({
                url : "/fc/ajaxData",
                type : "POST",
                // async:false,
                data : {showId:showId,a:o_province,b:o_city,c:o_location,d:o_address},
                dataType : "json",
                success : function(data) {
                    window.location.href = "/fc/next?showId="+showId;
                }
            });
        });
    });
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?38d2e4ff90068bd0ab842a1ad2721781";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>